<!--@Author: ZL-->
<!--@Date:   2019/5/14-->
<!--@Last Modified by:   ZL-->
<!--@Last Modified time: $ $-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="referrer" content="no-referrer-when-downgrade"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>
  </title>
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/js-lib/element-2/element.css" th:href="@{/agcloud/framework/js-lib/element-2/element.css}"/>
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css" th:href="@{/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css}">
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/ui-schemes/default/css/index.css" th:href="@{/agcloud/framework/ui-schemes/default/css/index.css}">
  <script>
    var ctx = '[[@{/}]]';
    // var ctx = 'http://192.168.30.110:8080/grxm/';
  </script>
</head>
<!--demo1 demo1-light  demo1 demo1-dark demo2-dark-->
<body class="demo1 demo1-dark">
  <div id="portal" v-cloak>
    <div class="logoutSrc" v-for="(item) in logoutSrc" style="display: none">
      <iframe v-if="logoutIframe" :src="item" frameborder="0"></iframe>
    </div>
    <!--BEGIN:头部-->
    <header class="protal-header">
      <div class="subsystem-name">
        <div class="subsystem-logo">
          <img src="../../../../../static/agcloud/framework/ui-schemes/default/images/login_tag.png" v-if="portalTitle==null"
               th:src="@{/agcloud/framework/ui-schemes/default/images/login_tag.png}" alt="">
          <img src="../../../../../static/agcloud/framework/ui-schemes/default/images/login_tag.png" v-else
               :src="ctx+portalLogoUrl" alt="1">
        </div>
        <p v-if="portalTitle==null">奥格工程建设项目联合审批系统</p>
        <p v-else>{{portalTitle}}</p>
      </div>
      <div class="header-menu fl">
        <ul class="header-menu_nav">
          <li v-for="(item,index) in headerDataShow"
              class="header-menu_item show"
              :class="index==headerActive?'header-menu_item-active':''"
              @click="headerChangeMenu(item,index,$event)">
            <i class="menu-icon el-icon-tickets" :class="item.menuIconCss?item.menuIconCss:'el-icon-tickets'"></i>
            <span class="m-menu__link-text">{{item.menuName}}</span>
          </li>
          <li v-show="showMenuMore"
              class="header-menu_item pull-more"
              @mouseenter="showMoreItem=true"
              @mouseleave="showMoreItem=false">
            <b class="icon ag ag-more-v"></b>
            <ul class="more-tabs" v-show="showMoreItem">
              <li v-for="(itemHide,ind) in hideHeaderData"
                  @click="headerChangeMenu(itemHide,-1,$event)">
                <i class="more-tabs-icon el-icon-tickets" :class="itemHide.menuIconCss?itemHide.menuIconCss:'el-icon-tickets'"></i>
                <span class="more-tabs-text">{{itemHide.menuName}}</span>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="user-info-topbar fr">
        <div class="user">
          <div class="fl user-info"
               @click="showEditUserInfo"
               @mouseleave="editUserInfoFlag = false">
            <div class="fl login-user">
              <p class="user-name">{{loginName}}</p>
              <p class="user-role">{{userName}}</p>
            </div>
            <div class="fl user-photo">
              <img v-if="userSex==0" src="../../../../../static/agcloud/framework/ui-schemes/default/images/user_man.jpg"
                   th:src="@{/agcloud/framework/ui-schemes/default/images/user_man.jpg}"
                   class="user-img fl">
              <img v-else src="../../../../../static/agcloud/framework/ui-schemes/default/images/user_woman.jpg"
                   th:src="@{/agcloud/framework/ui-schemes/default/images/user_woman.jpg}"
                   class="user-img fl">
            </div>
            <transition name="el-zoom-in-top">
              <div class="login-info" v-show="editUserInfoFlag">
                <p class="user-detail" @click="showUserInfo=true"><i class="el-icon-user"></i>个人中心</p>
                <p class="edit-password" @click="editPasswordFlag=true"><i class="el-icon-lock"></i>修改密码</p>
                <p class="login-out" @click="logout($event)"><i class="el-icon-unlock"></i>退出登录</p>
              </div>
            </transition>
          </div>
          <span class="header-icon" @click="addTab($event,{menuName:'公告',id:'noticeDetail',menuInnerUrl: ctx+'rest/aoa/notice/content/viewNotice?businessFlag=busiTypeDefault'},activeTabIframe,'')">
            <img src="../../../../../static/agcloud/framework/ui-schemes/default/images/notice.png" th:src="@{/agcloud/framework/ui-schemes/default/images/notice.png}" alt="">
          </span>
          <span class="header-icon el-icon-message" @click="addTab($event,{menuName:'我的消息',id:'myMessge',menuInnerUrl: ctx+'/aoa/msg/index'},activeTabIframe,'')">
            <el-badge v-show="messgeCount>0" :value="messgeCount"></el-badge>
          </span>

          <span class="header-icon topbar-img" @click="logout">
            <img src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/exit.png" th:src="@{/agcloud/framework/ui-schemes/dark-blue/images/exit.png}" alt="">
          </span>
<!--          <span class="ag" :class="isFullScreen?'ag-screen-full':'ag-screen-nofull'" @click="toggleFullScreen($event)"></span>-->
        </div>
      </div>
    </header>
    <!--END:头部-->
    <div class="protal-content" :style="{ height: (curHeight-60) + 'px','overflow': 'auto' }">
      <!--左侧菜单栏 START-->
      <div class="protal-content-left" :class="leftClosed?'closed':''">
        <el-menu
          background-color="#2A2F37"
          class="m-ver-menu">
          <template v-for="(item, index) in leftData">
            <template v-if="item.childrenList">
              <transition name="el-zoom-in-top">
              <el-submenu :index="'1-'+index"
                          :id="item.id"
                          class="el-menu-item menu-item">
                  <p slot="title" class="menu-link-text">
                    <i class="menu-link-icon el-icon-date" :class="item.menuIconCss?item.menuIconCss:'el-icon-date'"></i>
                    <!--<span v-if="!leftClosed">{{item.menuName}}</span>-->
                    <span :class="leftClosed?'menu-tooltip':''"  :title="item.menuName">{{item.menuName}}</span>
                    <el-badge v-if="item.openMenuCount" :value="item.subCount"></el-badge>
                  </p>
                <el-menu-item
                  v-for="(itemChild,ind) in item.childrenList"
                  :key="itemChild.id"
                  :index="'2-'+index+ind"
                  :id="itemChild.id"
                  @click="addTab($event,itemChild,activeTabIframe,ind,itemChild.pageOpenMode)">
                  <p class="menu-link-text" :title="item.menuName">
                    <!--<i class="el-icon-tickets" :class="item.menuIconCss?item.menuIconCss:'el-icon-tickets'"></i>-->
                    <span class="submenu-menu-name">{{itemChild.menuName}}</span>
                    <el-badge v-if="item.openMenuCount" :value="item.subCount"></el-badge>
                  </p>
                </el-menu-item>
              </el-submenu>
              </transition>
            </template>
            <el-menu-item v-else
                          :key="item.id"
                          class="menu-item"
                          :index="'1-'+index"
                          :data-name="index"
                          :id="item.id"
                          @click="addTab($event,item,activeTabIframe,index,item.pageOpenMode)"
                          ref="elMenu">
              <i class="menu-link-icon el-icon-tickets" :class="item.menuIconCss?item.menuIconCss:'el-icon-tickets'"></i>
              <p slot="title" class="menu-link-text">
                <!--<span v-if="!leftClosed">{{item.menuName}}</span>-->
                <span :class="leftClosed?'menu-tooltip':''"  :title="item.menuName">{{item.menuName}}</span>
                <el-badge v-if="item.openMenuCount" :value="item.subCount"></el-badge></p>
            </el-menu-item>
          </template>
        </el-menu>
      </div>
      <!--左侧菜单栏 END-->
      <div class="protal-content-right" :class="leftClosed?'closed':''">
        <!--BEGIN:顶部选项卡-->
        <div class="top-tabs">
          <span class="icon-fold" :class="leftClosed?'el-icon-s-unfold':'el-icon-s-fold'" @click="changeLeftClosed(leftClosed)"></span>
          <el-tabs
            v-model="activeTabIframe"
            closable
            @tab-remove="removeTab"
            @tab-click="changeTab"
            @contextmenu.native.prevent="tabMouseRightClick">
            <el-tab-pane
              v-for="(item, index) in activeTabData"
              :key="item.id"
              :label="item.menuName"
              :name="item.id">
              <div class="content-iframe" :style="{ height: (curHeight-100) + 'px' }">
                <iframe :src="item.menuInnerUrl" frameborder="0" name="_blank"></iframe>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <!--END:顶部选项卡-->
        <div class="popup_menu" v-show="showTabOpt" :style="{top:tabOptTop+10+'px',left:tabOptleft+10+'px'}">
          <ul>
            <li @click="closeOther()">
              <a href="javascript:;"><i class="el-icon-close"></i> 关闭其他标签页</a>
            </li>
            <li @click="closeLeft()">
              <a href="javascript:;"><i class="el-icon-close"></i> 关闭左边标签页</a>
            </li>
            <li @click="closeRight()">
              <a href="javascript:;"><i class="el-icon-close"></i> 关闭右边标签页</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!--修改密码弹窗 start-->
    <el-dialog title="修改密码" class="edit-password" :visible.sync="editPasswordFlag" top="30vh" width="460px" @closed="clearDialogData('editPasswordData')">
      <el-form :model="editPasswordData"
               :rules="editPasswordRule"
               ref="editPasswordData">
        <el-form-item label="请输入原密码："
                      label-width="160px"
                      prop="oldPassword">
          <el-input size="small" v-model="editPasswordData.oldPassword" type="password"></el-input>
        </el-form-item>
        <el-form-item label="请输入新密码："
                      label-width="160px"
                      prop="newPassword">
          <el-input size="small" v-model="editPasswordData.newPassword" type="password"></el-input>
        </el-form-item>
        <el-form-item label="请再次输入新密码："
                      label-width="160px"
                      prop="newPasswordCheck">
          <el-input size="small" v-model="editPasswordData.newPasswordCheck" type="password"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="editPasswordFlag = false;">取消</el-button>
        <el-button size="small" type="primary" @click="editPasswordSubmit">保存</el-button>
      </div>
    </el-dialog>
    <!--修改密码弹窗 end-->
  </div>
  <script src="../../../../../static/agcloud/framework/js-lib/jquery-v1/jquery.min.js" th:src="@{/agcloud/framework/js-lib/jquery-v1/jquery.min.js}"></script>
  <script src="../../../../../static/agcloud/framework/js-lib/vue-v2/vue.js" th:src="@{/agcloud/framework/js-lib/vue-v2/vue.js}"></script>
  <script src="../../../../../static/agcloud/framework/js-lib/element-2/element.js" th:src="@{/agcloud/framework/js-lib/element-2/element.js}"></script>
  <script src="../../../../../static/agcloud/framework/js-lib/agcloud-lib/js/common.js" th:src="@{/agcloud/framework/js-lib/agcloud-lib/js/common.js}"></script>
  <script src="../../../../../static/agcloud/framework/ui-schemes/default/js/index.js"  th:src="@{/agcloud/framework/ui-schemes/default/js/index.js}"></script>
  <!--END:js文件-->
</body>
</html>